<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>工资条</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script src="js/jquery-1.10.1.min.js"></script>
	<link rel="stylesheet" href="css/mui.min.css">
	<link rel="stylesheet" href="css/css.css">
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" onClick="javascript:history.back(-1);"></a>
	<h1 class="mui-title">工资条历史</h1>
</header>
<div class="mui-content" id="pullrefresh">
	<div class="item_box">
		<div class="i_b_title">2022年12月基本工资</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title active">基本工资<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list show">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title">绩效奖金<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年11月基本工资</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title">基本工资<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title">绩效奖金<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年10月基本工资</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title">基本工资<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title">绩效奖金<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年09月基本工资</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title">基本工资<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title">绩效奖金<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年08月基本工资</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title">基本工资<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
		<div class="fsjl_item2 mui-card">
			<div class="f_item_title">绩效奖金<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="item_list">
				<div class="item">
					<span>基本工资</span>
					10000.00
				</div>
				<div class="item">
					<span>奖金</span>
					50000.00
				</div>
				<div class="item">
					<span>通讯补贴</span>
					0
				</div>
				<div class="item">
					<span>绩效工资</span>
					0
				</div>
				<div class="item">
					<span>加班工资</span>
					0
				</div>
				<div class="item">
					<span>交通补贴</span>
					0
				</div>
			</div>
			<div class="item">
				<span>实发金额（元）</span>
				<div class="amount">8435.23</div>
			</div>
		</div>
	</div>
</div>

<script>
$(document).on('click','.f_item_title',function(){
	if($(this).hasClass('active')){
		$(this).removeClass('active').siblings('.item_list').removeClass('show')
	}else{
		$(this).addClass('active').siblings('.item_list').addClass('show')
	}
})
var stop = true;
var start = 0;
function getData(){
	//alert(222)
	var html = '';
	for(var i=0;i<5;i++){
		html += '<div class="item_box">'+
			'<div class="i_b_title">2022年10月基本工资</div>'+
				'<div class="fsjl_item2 mui-card">'+
				'<div class="f_item_title">基本工资<span class="mui-icon mui-icon-arrowup"></span></div>'+
				'<div class="item_list">'+
					'<div class="item">'+
						'<span>基本工资</span>10000.00'+
					'</div>'+
					'<div class="item">'+
						'<span>奖金</span>50000.00'+
					'</div>'+
					'<div class="item">'+
						'<span>通讯补贴</span>0'+
					'</div>'+
					'<div class="item">'+
						'<span>绩效工资</span>0'+
					'</div>'+
					'<div class="item">'+
						'<span>加班工资</span>0'+
					'</div>'+
					'<div class="item">'+
						'<span>交通补贴</span>0'+
					'</div>'+
				'</div>'+
				'<div class="item">'+
					'<span>实发金额（元）</span>'+
					'<div class="amount">8435.23</div>'+
				'</div>'+
			'</div>'+
			'<div class="fsjl_item2 mui-card">'+
				'<div class="f_item_title">绩效奖金<span class="mui-icon mui-icon-arrowup"></span></div>'+
				'<div class="item_list">'+
					'<div class="item">'+
						'<span>基本工资</span>10000.00'+
					'</div>'+
					'<div class="item">'+
						'<span>奖金</span>50000.00'+
					'</div>'+
					'<div class="item">'+
						'<span>通讯补贴</span>0'+
					'</div>'+
					'<div class="item">'+
						'<span>绩效工资</span>0'+
					'</div>'+
					'<div class="item">'+
						'<span>加班工资</span>0'+
					'</div>'+
					'<div class="item">'+
						'<span>交通补贴</span>0'+
					'</div>'+
				'</div>'+
				'<div class="item">'+
					'<span>实发金额（元）</span>'+
					'<div class="amount">8435.23</div>'+
				'</div>'+
			'</div>'+
		'</div>'
		start++;
	}
	stop = true;
	$('#pullrefresh').append(html);
}
$(window).scroll(function(){
		if($(document).width()<961){
			var scrollTop = parseFloat($(window).scrollTop());   //滚动条距离顶部的高度
			var scrollHeight = $(document).height();             //当前页面的总高度
			var clientHeight = parseFloat($(window).height());   //当前可视的页面高度
			var totalheight=scrollTop + clientHeight;
			if($(document).height() <= totalheight){
				if(stop == true){
					stop = false;
					getData();
				}
			}
		}
	})
</script>
</body>
</html>